import React, { Component } from 'react';

export default class DetailHead extends Component {
    constructor(props) {
        super(props);
    }

    componentDidMount() {

    }

    render() {
        const { hideShow, basicDetail } = this.props;
        let _basicDetail = basicDetail && basicDetail.data;

        return (
            <div className="detail-top-wrapper">
                <img src={require('../../images/reservation.png')} />
                <div className="detail-title-wrappers">
                    <div className="title">{_basicDetail ? _basicDetail.itemApplyCode : ""}</div>
                    <div className="tips">
                        <div style={{fontWeight: 300}}>
                            <span>{_basicDetail ? _basicDetail.itemApplyTitle : ""}</span>
                        </div>
                    </div>
                    <div className="footers">
                        <section className="title-info-wrapper after-border">
                            <div className="title-info" style={{width: 'auto'}}>
                                <span>{_basicDetail ? _basicDetail.itemApplyCode : ""}</span>
                            </div>
                            <div className="desc">项目编号</div>
                        </section>
                        <section className="title-info-wrapper after-border">
                            <div className="title-info"  style={{width: 'auto'}}>
                            {_basicDetail ? _basicDetail.itemApplyTitle : ""}
                            </div>
                            <div className="desc">项目标题</div>
                        </section>
                        <section className="title-info-wrapper after-border">
                            <div className="title-info"  style={{width: 'auto'}}>
                            {_basicDetail ? _basicDetail.itemApplyMoney : ""}
                            </div>
                            <div className="desc">贷款金额</div>
                        </section>
                    </div>
                </div>
                <div className="button-wrapper">
                    <section className="nb-button-wrapper text" style={{backgroundColor: 'rgb(217, 217, 217)'}} onClick={hideShow}>返回</section>
                </div>
            </div>
        )
    }
}